<template>
  <main class="continer">
    {{ radio }}
    <Map></Map>
    <Left></Left>
    <Right></Right>
  </main>
</template>

<script setup>
import { computed } from 'vue';
import { useScalePage, radio } from '@/utils/auto2.js';
import Map from '@/components/Map.vue';
import Left from '@/components/Left.vue';
import Right from '@/components/Right.vue';

  console.log(radio);
const radios = computed(() => radio.value);
useScalePage();
</script>

<style lang="scss" scoped>
  .continer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    // background: url(./assets/images/22.png) no-repeat center/cover; 
  }
</style>
